var $ =require('../../lib/jquery');
var util = require('./common/util');
var nav = require('./common/nav');
var _header = require('./common/header');
var template = require('../tpl/template');
var jyqy_tab = require('./common/jy_common');
jyqy_tab.bindevent();
var _nav = new nav();
var header = new _header();
var fwb = {
  init: function (medicalid) {
    this.fetch();
    this.bindevent();
  },
  tpl: '<p class="base df {{#hui}}" data-id="{{#id}}"><span>{{#name}}</span><span>></span></p>',
  fetch: function (medicalid) {
    var _this = this;
    util.fetch('api/medical/package/list?parentId=0').then(function(res){
      var str = '';
      for(var i =0;i<res.data.length;i++){
        var item = res.data[i];
        str += _this.tpl.replace('{{#id}}',item.id).replace('{{#name}}',item.title).replace('{{#hui}}',i==0? '' : 'hui')
      }
      $('.js_fwb_wrap').html(str)
      _this.fetchInfo(res.data[0].id)
    })
  },
  fetchInfo: function (id) {
    util.fetch('api/medical/package/list',{
      parentId:id,
    }).then(function(res){
      var mm='';
      var tpl;
      for(var i=0;i<res.data.length;i++){
        if(i==0){
          mm+='<span class="color js_color" >'+res.data[i].title+'</span>'
        }else{
          mm+='<span class="js_color" >'+res.data[i].title+'</span>'
        } 
      }
      $('.fwb .tab').html(mm);
      tpl = template('jyfwb',{data:res.data[0]});
      $('.js_fwb_wrap_content').html(tpl);
      $(".fwb .tab .js_color").on('click',function(){
        var index=$(this).index();
        $('.js_color ').removeClass('color');
        $('.js_color').eq(index).addClass('color');
        tpl = template('jyfwb',{data:res.data[index]});
        $('.js_fwb_wrap_content').html(tpl);

      })

    })
  },
  bindevent: function (medicalid) {
    var _this = this;
    $('.js_fwb_wrap').on('click', 'p',function () {
      var id = $(this).data().id;
      $('.js_fwb_wrap').find('p').addClass('hui');
      $(this).removeClass('hui');
      _this.fetchInfo(id);
    })
    $('.js_fwb_wrap_content').on('click', '.js_fwb_cont', function () {
      var index = $(this).index();
      $('.js_fwb_wrap_content').find('.js_fwb_cont').removeClass('color');
      $(this).addClass('color');
      $('.js_fwb_wrap_content').find('.js_item').addClass('hide');
      $('.js_fwb_wrap_content').find('.js_item').eq(index).removeClass('hide')
    })
  }
}
fwb.init();
